import { Flex } from 'antd';

import React from 'react';
import { useIntl } from 'umi';
import './index.less';

const CopyrightFooter: React.FC = () => {
  const intl = useIntl();
  const year = new Date().getFullYear();

  // const footerWordList = [
  //   {
  //     word: 'home.privacy',
  //     url: '1',
  //   },

  //   {
  //     word: 'home.use_charges',
  //     url: '2',
  //   },

  //   {
  //     word: 'home.map',
  //     url: '3',
  //   },
  // ];
  return (
    <Flex
      justify="space-between"
      style={{
        padding: '22px 0',
        border: '1px solid rgba(255, 255, 255, 0.1)',
        borderLeft: '0',
        borderRight: 0,
        color: 'rgba(255, 255, 255, 0.5)',
      }}
      gap={90}
    >
      <div>
        {intl.formatMessage(
          {
            id: 'home.year',
          },
          {
            year,
          },
        )}
      </div>
      {/* <Flex className="wordList">
        {footerWordList.map((item, index) => {
          const { word, url } = item;

          return (
            <React.Fragment key={url}>
              <div
                style={{
                  cursor: 'pointer',
                }}
                onClick={() => {
                  history.push(url);
                }}
              >
                {intl.formatMessage({
                  id: word,
                })}
              </div>
              {index == footerWordList.length - 1 ? null : <Divider type="vertical" />}
            </React.Fragment>
          );
        })}
      </Flex> */}
    </Flex>
  );
};

export default CopyrightFooter;
